<style lang="scss">
.power-dialogs{
	.list-station{
		margin-top: 1rem;
		background: #fff;
		padding: 0.375rem 0.5rem;
		text-align: left;
		display: flex;
		.tion-le{
			float: left;
			height: 2.05rem;
			margin-right: 0.5rem;
			display: flex;
			justify-content:center;
			align-items: center;
			img{
				display: inline-block;
				width: 1.7rem;
				height: 2.05rem;
			}
		}
		.tion-ri{
			float: left;
			margin-left: 0.45rem;
			p{
				margin-top: 0.05rem;
				font-size: 0.4rem;
				font-weight: bold;
				color: #333;
			}
			.text-is{
				margin-top: 0.15rem;
				font-size: 0;
				height: 0.5rem;
				line-height: 0.5rem;
			}
			.text-itss{
				margin-top: 0.3rem;
			}
			span{
				font-size: 0.35rem;
				color: #666;
			}
		}
	}
	.dialog-text{
		margin-top: 0.35rem;
		background: #fff;
		.title{
			text-align: left;
			padding:  0 0.5rem;
			height: 1.05rem;
			line-height: 1.05rem;
			border-bottom: 1px solid #eee;
			font-size: 0;
			i,span{
				display: inline-block;
				vertical-align: middle;
			}
			i{
				width: 0.55rem;
				height: 0.4rem;
				background: url(../../../static/img/title_icon.png) no-repeat;
				background-size: 100% 100%;
			}
			span{
				font-size: 0.4rem;
				color: #333;
				margin-left: 0.125rem;
			}
		}
		.list-dia{
			padding: 0 0.5rem;
			li{
				height: 1.05rem;
				line-height: 1.05rem;
				border-bottom: 1px solid #eee;
			}
			li:last-child{
				border-bottom: none;
			}
			.col-le{
				float: left;
				font-size: 0.375rem;
				color: #333;
			}
			.col-ri{
				float: right;
				font-size: 0.35rem;
				color: #333;
			}
		}
	}
}
</style>
<template>
<div class="power-dialogs">
	<headTop :theRouter="therouter"></headTop>
	<div>
		<div class="list-station fn-clear">
			<div class="tion-le">
				<img :src="emp.img_name">
			</div>
			<div class="tion-ri">
				<p>{{emp.hy_name}}</p>
				<div class="text-is text-itss">
					<span>所属河流：</span>
					<span>{{emp.river_name}}</span>
				</div>
				<div class="text-is">
					<span>地理位置：</span>
					<span>{{emp.com_locations}}</span>
				</div>
			</div>
		</div>
		<div class="dialog-text">
			<div class="title">
				<i></i>
				<span>基础信息</span>
			</div>
			<ul class="list-dia">
				<li class="fn-clear">
					<div class="col-le">开发方式</div>
					<div class="col-ri">{{emp.development_mode}}</div>
				</li>
				<li class="fn-clear">
					<div class="col-le">装机容量(KW)</div>
					<div class="col-ri">{{emp.com_capacity}}</div>
				</li>
				<li class="fn-clear">
					<div class="col-le">机组台数(台)</div>
					<div class="col-ri">{{emp.cunit_num}}</div>
				</li>
				<li class="fn-clear">
					<div class="col-le">额定水头(m)</div>
					<div class="col-ri">{{emp.rated_head}}</div>
				</li>
				<li class="fn-clear">
					<div class="col-le">引水流量(m³)</div>
					<div class="col-ri">{{emp.annual_in_flow}}</div>
				</li>
				<li class="fn-clear">
					<div class="col-le">设计引水流量(m³/s)</div>
					<div class="col-ri">{{emp.max_in_flow}}</div>
				</li>
				<li class="fn-clear">
					<div class="col-le">最小下泄量(水资源论证)(m³/s)</div>
					<div class="col-ri">{{emp.min_flow}}</div>
				</li>
				<li class="fn-clear">
					<div class="col-le">生态流量(环评)(m³／s)</div>
					<div class="col-ri">{{emp.environmental}}</div>
				</li>
				<li class="fn-clear">
					<div class="col-le">引水流量监测位置/类型</div>
					<div class="col-ri">{{emp.max_in_flow_type}}</div>
				</li>
				
				<li class="fn-clear">
					<div class="col-le">生态流量下泄位置/流量</div>
					<div class="col-ri">{{emp.flood_base_flow_type}}</div>
				</li>
			</ul>
		</div>
	</div>
</div>
</template>
<script>
import { BASEURL } from './../../api/api'
import axios from 'axios'
import headTop from "./../common/header"
export default{
	name:'powerdialog',
	components: { headTop },
	data(){
		var img = require('./../../../static/img/no-img.png')
		return{
			text:'',
			HyCode:'',
			emp:{},
			img:img
		}
	},
	mounted(){
		let _this = this
		_this.HyCode = this.$store.state.HyCode;
		_this.init()
	},
	computed: {
	    therouter: function() {
	      return this.$route
	    }
	},
	methods:{
		init(){
			let _this = this
			axios.get(BASEURL + 'getEmp?hyCode='+_this.HyCode, {
			}).then(function (res) {
				_this.emp = res.data.emp
			    if(_this.emp.img_name === ''){
					_this.emp.img_name = _this.img
				}
				
			}).catch(function (error) {
				console.log(error);
            })
		}
	}
}
</script>